<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">


	<f:metadata>
		<f:event type="preRenderView" listener="#{cuotaPagoBean.listaAlquileresActivosParaPagarPorInmmobiliaria}" />
	</f:metadata>
	
	<ui:define name="centerContent">
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
			<h:outputText value="#{msgs['title.alquiler.pagar.inmo']}" />

			<h:form id="formentity">
				<p:growl showDetail="true" id="msgGrwl" />
				<p:messages id="messagesFilter" showDetail="true" closable="true"
					showSummary="true" />

				<p:dataTable id="list" var="item" value="#{cuotaPagoBean.alquilerCuotaModel}"
					rowKey="#{item.id}"  selection="#{cuotaPagoBean.alquilerCuotas}"
					 paginator="true" paginatorAlwaysVisible="false"
					resizableColumns="false" rows="10" widgetVar="entityTable"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,20,30,50" paginatorPosition="bottom"
					filterDelay="1000" emptyMessage="#{msgs['lista.vacia']}" sortBy="#{item.alquiler.propiedad.propietario.apellido}">
					
				
					<p:ajax event="rowSelectCheckbox" listener="#{cuotaPagoBean.onRowSelectAlquilerCuota}" update=":formentity:msgGrwl"  async="true"/>
					<p:ajax event="rowUnselectCheckbox" listener="#{cuotaPagoBean.onRowUnSelectAlquilerCuota}" update=":formentity:msgGrwl"  async="true"/>
	    			<p:column selectionMode="multiple" style="width:2%"/>  
  				
					<p:column headerText="#{msgs['propietario']}" styleClass="texto-grilla"
						sortBy="#{item.alquiler.propiedad.propietario.apellido}" filterBy="#{item.alquiler.propiedad.propietario.apellido}">
						<h:outputText value="#{item.alquiler.propiedad.propietario.apellidoNombre()}"/>
					</p:column>
					<p:column headerText="#{msgs['propiedad.direccion']}" styleClass="texto-grilla"
						sortBy="#{item.alquiler.propiedad.direccion}">
						<h:outputText value="#{item.alquiler.propiedad.direccionCompleta()}"/>
					</p:column>
					<p:column headerText="#{msgs['numero']}" sortBy="#{item.nroCuota}">
						<h:outputText value="#{item.nroCuota}"/>
					</p:column>
					<p:column headerText="#{msgs['fecha']}" sortBy="#{item.fecha}">
						<h:outputText value="#{item.fecha}">
							<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
						</h:outputText>
					</p:column>
					<p:column headerText="#{msgs['propio']}" sortBy="#{item.alquiler.contratoPropio}">
						<h:outputText value="Propio" rendered="#{item.alquiler.contratoPropio}"/>
						<h:outputText value="Ajeno" rendered="#{not item.alquiler.contratoPropio}"/>
					</p:column>
					<p:column headerText="#{msgs['form.monto']}" styleClass="monto-grilla" sortBy="#{item.montoInquilino}">
						<h:outputText value="#{item.montoInquilino}">
							<f:convertNumber currencySymbol="$" type="currency"	maxFractionDigits="2" />
						</h:outputText>
						<f:facet name="footer">
							<h:outputText value="#{cuotaPagoBean.montoTotal}" styleClass="monto-grilla">
								<f:convertNumber currencySymbol="$" type="currency"	maxFractionDigits="2" />
							</h:outputText>
						</f:facet>
					</p:column>
					<f:facet name="footer">
						<p:commandButton value="Acreditar"/>
					</f:facet>
				</p:dataTable>				
			</h:form>
		</h:panelGroup>
	</ui:define>
</ui:composition>
</html>